$(function() {
	$("#btn_save").click(function() {
		$("#productCategoryForm").submit();
		return false;
	});
	
	$("#productCategoryForm").validate({
		rules : {
			categoryName : {
				required : true,
				minlength : 1,
				maxlength : 20
			},
			/*sortNo : {
				required : true,
				minlength : 1,
				maxlength : 10
			},*/
		},
		messages : {
			categoryName : {
				required : '请填写类别名称 ',
				minlength : '类别名称 至少3个字符',
				maxlength : '类别名称 至少20个字符'
			},
			/*sortNo : {
				required : '请填写排序编号',
				minlength : '排序编号至少3个字符',
				maxlength : '排序编号至少10个字符'
			},*/
		},
		errorPlacement : function(error, element) { // 错误信息位置设置方法
			var tagName = $(element).is("select");
    		if(!tagName) {
    			error.insertAfter(element);
    		}else {
    			error.insertAfter(element.parent().next());
    		}
		},
		submitHandler : function(form) {
			$(form).ajaxSubmit({
		       	type		: 'post',
		       	//url		: url, 
		       	clearForm	: false,  
				resetForm	: false,  
				timeout		: 5000, 
		       	success		: function(json){ 
		       		var index = parent.layer.getFrameIndex(window.name);
		           	if (json.code == '1') {
		           		parent.$('#layer_opt_status').val('1'); 
		           		parent.layer.close(index);
		           	} else { 
		           		parent.$('#layer_opt_status').val('0'); 
		           		showErr('新增失败！');
		        	}
		     	}
			}); 
		}
	});
	
	$("#btn_back").click(function() {
		var index = parent.layer.getFrameIndex(window.name);
   		parent.$('#layer_opt_status').val('0'); 
   		parent.layer.close(index);
	});
	
	//加载编辑页面时加载图片删除事件
	$(".icon_close").each(function(){
		$(this).click(function(){
			$(this).closest(".image_container").find("li").each(function(){
				$(this).show();
			})
			$(this).closest("li").remove();
		});
	});
	
    initFancyBoxImg("categoryIconImg");
    initFancyBoxImg("adverteImg");
	
});

//通过ajax提交图片
function ajaxFileUpload(obj) {
	var lis = $("#"+id).closest("#image_container").find("li");
	if (lis.length > 1) {
		msg("只能上传一张照片");
		return false;
	}
	var id = $(obj).attr("id");
	var check = imageCheck(obj);
	if (!check) {
		return;
	}
	$.ajaxFileUpload({
		url : rootPath + '/uploadFile/uploadOneFile',
		secureuri : false,
		fileElementId : id, // input标签id属性值
		dataType : 'json',
		success : function(data, status) {
			if (data.code == 1) {
//				$("#image_container li:eq(0)").hide();
//				var li = "<li>"
//						+ "	<div class=\"pic1\">"
//						+ "		<img src=\""
//						+ imgRootURL
//						+ data.filePath
//						+ "\" />"
//						+ "		<a id=\"btn_close\" href=\"javascript:void(0)\" class=\"icon_close\"></a>"
//						+ "      <input type=\"hidden\" name=\"categoryImage\" value=\""
//						+ data.filePath + "\" />" + "	</div>" + "</li>";
//				$("#image_container").append(li);
//				$("#image_container").find("a").each(function() {
//					$(this).click(function() {
//						$("#image_container li:eq(0)").show();
//						$(this).closest("li").remove();
//					});
//				});
				$("#"+id).closest("li").hide();
				var li = "";
				if (id == "upload_category_image") {
					li += "<li>" +
						"	<div class=\"pic1\">" +
						"		<a rel='categoryIconImg' href='"+ imgRootURL+ data.filePath+ "'>" +
						"			<img src=\""+ imgRootURL+ data.filePath+ "\" />" +
						"		</a>" +
						"		<a id=\"btn_close\" href=\"javascript:void(0)\" class=\"icon_close\">" +
						"		</a>"+
						"		<input type=\"hidden\" name=\"categoryImage\" value=\""+ data.filePath + "\" />";
				} else if (id == "upload_advertisement_image") {
					li += "<li>" +
						"	<div class=\"pic1\">" +
						"		<a rel='adverteImg' href='"+ imgRootURL+ data.filePath+ "'>" +
						"			<img src=\""+ imgRootURL+ data.filePath+ "\" />" +
						"		</a>" +
						"		<a id=\"btn_close\" href=\"javascript:void(0)\" class=\"icon_close\">" +
						"		</a>"+
						"		<input type=\"hidden\" name=\"advertisementImage\" value=\""+ data.filePath + "\" />";
				}
				li += "		</div>" 
					+ "	</li>";
				$("#"+id).closest(".image_container").append(li);
				$("#"+id).closest(".image_container").find("a[class='icon_close']").each(function() {
					$(this).click(function() {
						$("#"+id).closest("li").show();
						$(this).closest("li").remove();
					});
				});
			    initFancyBoxImg("categoryIconImg");
			    initFancyBoxImg("adverteImg");
			} else {
				msg("上传失败");
			}
		},
		error : function(data, status, e) {
			msg("系统异常");
		}
	});
}

//检查图片格式及大小
function imageCheck(obj){
	var id = $(obj).attr("id");
	var filePath = $("#"+id).val();
	//检查后缀
	var ext = filePath.substring(filePath.lastIndexOf("."), filePath.length).toUpperCase();
	if (ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") {
		layer.msg('只能上传图片',{time:500});
		return false;
	}
	var file_size = 0;
	if (false || !!document.documentMode) {
		var img = new Image();
		img.src = filepath;
		while (true) {
			if (img.fileSize > 0) {
				if (img.fileSize > 5 * 1024 * 1024) {
					layer.msg('图片不能大于5MB',{time:1000});
					return false;
				}
				break;
			}
		}
	} else {
		file_size = obj.files[0].size;
		var size = file_size / 1024;
		if (size > 5120) {
			layer.msg('图片不能大于5MB',{time:1000});
			return false;
		}
	}
	return true;
}

